<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加热</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        body{
          overflow: hidden;
        }
        .video{
          background-color: black;
          height: 100vh;
          width: 100vw;
        }
        .fugai{
          position: fixed;
          top:0;
          left:0;
          height: 100vh;
          width: 100vw;
          background-color: black;
        }
    </style>
</head>
<body>
<video id="videoId" class="video" controls loop muted autoplay></video>
<div class="fugai">覆盖</div>
<script>
  let video = document.getElementById('videoId')
  let xhr = new XMLHttpRequest();
  xhr.open('GET', './32.mp4'); // 发送异步请求
  xhr.responseType = 'blob';
  xhr.onload = function() {
    if (xhr.status === 200) {
      let videoBlob = xhr.response;
      let videoUrl = URL.createObjectURL(videoBlob);
      video.src = videoUrl
      video.play()
      video.volume=0
      video.playbackRate = 16
    }
  };
  xhr.send();
</script>
</body>
</html>
